<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>进度条</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../resource/css/layui.css">
	<link rel="stylesheet" href="../resource/css/common.css">
</head>
<body>
	<div class="layui-progress layui-progress-big" lay-filter="pro1" lay-showPercent="true">
  		<div class="layui-progress-bar" lay-percent="0%"></div>
	</div>
	<script src="../resource/js/layui.js"></script>
	<script type="text/javascript">
		layui.use(['element'], function() {
			var element = layui.element;
			var $ 		= layui.$ || parent.window.mod.jquery;

			var num = 0;
			var timer = setInterval(function(){
				element.progress('pro1', ++num+'%');
				if (num === 100) {
					clearInterval(timer);
				}
			}, 100, false);
		});
	</script>
</body>
</html>